/*
Theme Name: Zon Estate
Theme URI: http://zonthemes.com/realestate
Author: Zonthemes team
Author URI: http://zonthemes.com/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('assets/css/blog-style.css');

/*include font*/
@font-face{
    src:url(font/OpenSans-Regular.ttf);
    font-family:OpenSans-Regular;
}
@font-face{
    src:url(font/OpenSans-Bold.ttf);
    font-family:OpenSans-Bold;
}
@font-face{
    src:url(font/OpenSans-Semibold.ttf);
    font-family:OpenSans-Semibold;
}
@font-face{
    src:url(font/OpenSans-Italic.ttf);
    font-family:OpenSans-Italic;
}
@font-face{
    src:url(font/OpenSans-Light.ttf);
    font-family:OpenSans-Light;
}
@font-face{
    src:url(font/SourceSansPro-Bold.otf);
    font-family:SourceSansPro-Bold;
}
@font-face{
    src:url(font/SourceSansPro-Semibold.otf);
    font-family:SourceSansPro-Semibold;
}

/*reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*layout*/
body{
	font-family: OpenSans-Regular;
	font-size: 14px;
	background: #fff url(images/body-bg.png) top left;
	line-height: 130%;
}
p, a, span{
	line-height: 130%;
}
h1, h2, h3, h4, h5, h6{
	line-height: 130%;
}
a{
	text-decoration: none;
	color: #333333;
}
a:hover{
	color: #ea6060;
}
.row{
	width: 1170px;
	margin: 0px auto;
}
.clear{
	clear: both;
}
/*header*/
#header{
	background: #fff;
}
#header .header-top{
	height: 40px;
	line-height: 40px;
}	
#header .header-top ul{
	text-align: right;
}
#header .header-top ul li{
	display: inline-block;
	padding-left: 25px;
	font-size: 13px;
	color: #191919;
}
#header .header-top ul li.phone{
	background: url(images/phone-icon.png) no-repeat left center;
	margin-right: 30px;
}
#header .header-top ul li.email{
	background: url(images/email-icon.png) no-repeat left center;
}
#header .header-top ul li.lang select{
	border: 0px;
	padding-left: 18px;
	background: url(images/flag-en.png) no-repeat left center;
}
#header .nav{
	background: #000;
	line-height: 46px;
	height: 46px;
}
#header .nav .logo{
	width: 150px; 
	float: left;
	height: 46px;
	margin-right: 50px;
}
#header .nav .logo img{
	margin-top: 13px;
}
#header .nav .main-menu{
	float: left;
	height: 46px;
	line-height: 46px;
}
#header .nav .main-menu ul li a{
	padding: 0px 20px;
	display: block;
	height: 46px;
	color: #fff;
	line-height: 46px;
}
#header .nav .main-menu ul li a:hover{
	color: #ea6060;
}
#header .nav .main-menu ul li{
	display: inline-block;
	margin-right: 10px;
}
#header .nav .main-menu ul li.menu-item-has-children{
	background: url(images/arrow-icon.png) no-repeat right center;
}
#header .nav .main-menu ul li.current-menu-item a{
	color: #ea6060;
}
#header .nav .main-menu ul li:hover ul{
	display: block;
}
#header .nav .main-menu ul li ul{
	position: absolute;
	width: auto;
	display: none;
	background: #000;
	border-radius: 0px 0px 3px 3px;
	z-index: 99999;
}
#header .nav .main-menu ul li ul li{
	width: auto;
	float: none;
	display: list-item;
	margin: 0px;
	background: none;
}
#header .nav .header-link{
	float: right;
}
#header .nav .header-link ul{
	text-align: right;
}
#header .nav .header-link ul li{
	display: inline-block;
}
#header .nav .header-link ul li a{
	color: #fff;
	padding: 0px 10px;
	display: block;
	height: 46px;
	line-height: 46px;
}
#header .nav .header-link ul li a:hover{
	background: #fff;
	color: #333333;
}
#header .nav .header-link ul li.current-menu-item a{
	background: #fff;
	color: #333333;
}
/***** Map ****/
.header-map{
	width: 100%;
	height: auto;
	min-height: 190px;
	position: relative;
}
.header-map .map img{
	width: 100%; 
	height: auto;
	display: block;
}
.marker{
-webkit-transition:margin-top 0.2s linear,
padding-bottom 0.2s linear,
opacity 0.2s linear;
-moz-transition:margin-top 0.2s linear,
padding-bottom 0.2s linear,
opacity 0.2s linear;
-o-transition:margin-top 0.2s linear,
padding-bottom 0.2s linear,
opacity 0.2s linear;
transition:margin-top 0.2s linear,
padding-bottom 0.2s linear,
opacity 0.2s linear;
background-image:url("./assets/images/marker.png");
background-position:center top;
background-repeat:no-repeat;
background-size:42px 57px;
height:57px;opacity:0.7;width:42px}
.marker:hover{margin-top:-10px;padding-bottom:10px;opacity:.99}
.infobox{display:inline-block;zoom:1;background-color:#fff;padding:10px;position:relative;width:270px}
.infobox:after{height:0;content:".";display:block;clear:both;visibility:hidden}
.infobox:before{bottom:-16px;border:8px solid transparent;border-top-color:#fff;content:'';height:0px;margin-left:-8px;left:50%;position:absolute;width:0px;z-index:100}
.infobox .image{float:left;margin-bottom:10px;margin-right:10px}
.infobox .title{font-size:18px}
.infobox .title a:href{text-decoration:none}
.infobox .area{color:#313131;margin-top:5px}
.infobox .area .key{float:left;font-weight:bold}
.infobox .price{clear:left;color:#313131;float:left;font-size:18px;margin-top:8px}
.infobox .link a{-webkit-transition:background-color 0.2s ease-in;-moz-transition:background-color 0.2s ease-in;-o-transition:background-color 0.2s ease-in;transition:background-color 0.2s ease-in;background-image:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;background-color:#0581b5;background-image:url("./assets/images/arrow-right-white.png");background-position:90% center;background-repeat:no-repeat;background-size:8px 11px;border:0px;color:#fff;padding:7px 30px 7px 15px;clear:right;float:right}
.infobox .link a:hover,.infobox .link a:active,.infobox .link a:focus{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none}
#map{height:485px;width:100%}
#map img{max-width:inherit}
.map{position:relative}
.map .row{position:relative}
.map .row .span3{float:right;margin-top:-450px;z-index:9999}
/* End Map */
.search-header{
	position: absolute;
	bottom: 25px; 
	left: 0px;
	width: 100%;
}
.search-header .search-form-wp{
	border-top: 2px solid #dddddb;
	border-left: 2px solid #dddddb;
	border-right: 2px solid #dddddb;
	border-bottom: 2px solid #f29e9e;
	background: #fff;
	border-radius: 3px;
	position: relative;
	max-width: 1170px;
	width: 910px;
	margin: 0px auto;
}
.search-header .search-form-wp p.search-title{
	position: absolute;
	top: -36px;
	left: -2px;
	width: 256px;
	height: 36px;
	background: url(images/search-title-bg.png) no-repeat top left;
	line-height: 36px;
}
.search-header .search-form-wp p.search-title span{
	display: block;
	margin-left: 17px;
	padding-left: 25px;
	background: url(images/search-icon.png) no-repeat left center;
	font-family: OpenSans-Bold;
	font-size: 20px;
	color: #e74c3c;
	height: 36px;
	line-height: 36px;
}
.search-header .search-form-wp ul{
	padding: 17px;
}
.search-header .search-form-wp ul li{
	float: left;
	border:none;
	margin-right: 15px;
}
.search-header .search-form-wp ul li label{
	font-size: 13px;
}
.search-header .search-form ul li select{
	padding: 4px 3px 4px 5px;
	border-radius: 3px;
	/*border: 1px solid #dbdada;*/
	box-shadow: none;
	font-size: 13px;
}
.search-header .search-form-wp ul li input.amount{
	margin: 0px 0px 8px 12px;
}
.search-header .search-form-wp ul li input.submit{
	width: 100px;
	height: 43px;
	line-height: 43px;
	background: url(images/search-button.png) no-repeat top left;
	border: 0px;
	box-shadow: none;
	cursor: pointer;
	font-family: OpenSans-Bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}
#header .header-map{
	border-bottom: 5px solid #9a9a9a;
}
#header .slider-header{
	margin-bottom: 100px;
}
#header .slider-header .search-header{
	bottom: inherit;
	margin-top: 5px;
}

/* Select Style */
.styled-select {
    overflow: hidden;
    border-radius: 3px;
    background: url('images/icon-select.png') no-repeat right 5px center;
    box-shadow:inset 0 0 1px #393939;
    -moz-box-shadow:inset 0 0 1px #393939;
    -webkit-box-shadow:inset 0 0 1px #393939;
}

.styled-select select {
    -webkit-appearance: none;
    -moz-appearance: window;
    background: transparent;
    width: 100%;
    wid\th: 112%;   /* IE hack */
    padding: 4px 20px 4px 5px !important;
    border: 0;
}
/* End Select Style */

/*index-text*/
.index-text{
	background: #fff;
	border-bottom: 2px solid #dbdbdb;
	padding: 35px 0px;
	text-align: center;
}
.index-text h1{
	font-size: 25px;
	color: #373535;
	margin-bottom: 10px;
}
.index-text span{
	font-family: OpenSans-Bold;
	color: #34495e;
}
#container{
	padding-top: 50px;
	padding-bottom: 30px;
}
/*content*/
.content{
	
}
.single-property{
	width: 870px;
	float: left;
}
.left-content{
	float: left;
	width: 870px;
}
.right-content{
	float: right;
	width: 870px;
}
.full-content{
	width: 100%;
	float: none;
}
h3.h3-title{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	font-family: SourceSansPro-Bold;
	font-size: 26px;
	text-transform: uppercase;
	color: #3e5266;
	border-left: 6px solid #e74c3c;
	margin-bottom: 35px;
}
.content .featured-index .featured-left{
	width: 450px;
	height: auto;
	background: #fff;
	float: left;
	padding: 6px 6px 23px 6px;
	border: 1px solid #d4d4d4;
}
.content .featured-index .featured-left .img{
	position: relative;
}
.content .featured-index .featured-left .img:hover a.view{
	display: block;
}
.content .featured-index .featured-left .img a.view{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 9999;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 0px;
	text-indent: -99;
	display: none;
	background: #000 url(images/view-icon.png) no-repeat center center;
	opacity: .44;
}
.content .featured-index .featured-left .img img{
	width: 450px;
	height: 272px;
	display: block;
}
.content .featured-index .featured-left .img .img-info{
	width: 100%;
	height: 37px;
	line-height: 37px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(images/line-tran-bg.png) top left;
}
.content .featured-index .featured-left .img .img-info span.price{
	float: left;
	margin-left: 10px;
	font-size: 18px;
	font-family: OpenSans-Bold;
	color: #ea6060;
	height: 37px;
	line-height: 37px;
}
.content .featured-index .featured-left .img .img-info ul{
	text-align: right;
	float: right;
	height: 37px;
	line-height: 37px;
	margin-right: 10px;
}
.content .featured-index .featured-left .img .img-info ul li{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	margin-left: 10px;
}
.content .featured-index .featured-left .img .img-info ul li.area{
	padding-left: 20px;
	background: url(images/area-white.png) no-repeat left center;
}
.content .featured-index .featured-left .img .img-info ul li.toilet{
	padding-left: 20px;
	background: url(images/toilet-white-icon.png) no-repeat left center;
}
.content .featured-index .featured-left .img .img-info ul li.bedroom{
	padding-left: 28px;
	background: url(images/badroom-white-con.png) no-repeat left center;
}
.content .featured-index .featured-left p.feature-title{
	font-size: 18px;
	font-family: OpenSans-Semibold;
	color: #34495e;
	text-transform: uppercase;
	margin: 15px 0px;
}
.content .featured-index .featured-left p.feature-desc span a{
	font-family: OpenSans-Semibold;
	font-size: 14px;
	color: #1d293b;
	text-decoration: underline;
}
.content .featured-index .featured-left p.feature-desc span a:hover{
	color: #EA6060;
}
.content .featured-index ul.featured-right{
	width: 395px;
	float: right;
}
.content .featured-index ul.featured-right li{
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.content .featured-index ul.featured-right li img{
	width: 160px;
	height: 110px;
	float: left;
	margin-right: 8px;
}
.content .featured-index ul.featured-right li p.thumb-title{
	font-size: 16px;
	font-family: OpenSans-Semibold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.content .featured-index ul.featured-right li p.thumb-title a{
	color: #34495e;
}
.content .featured-index ul.featured-right li p.thumb-title a:hover{
	color: #EA6060;
}
.content .featured-index ul.featured-right li p.thumb-small-title{
	font-size: 13px;
	color: #666666;
	margin-bottom: 2px;
}
.content .featured-index ul.featured-right li p.price{
	font-size: 17px;
	color: #ea6060;
	margin-bottom: 4px;
}
.content .featured-index ul.featured-right li ul{
	text-align: left;
	height: 18px;
	line-height: 18px;
}
.content .featured-index ul.featured-right li ul li{
	display: inline-block;
	padding: 0px;
	margin: 0px 8px 0px 0px;
	border: 0px;
	box-shadow: none;
}
.content .featured-index ul.featured-right li ul li.area{
	padding-left: 18px;
	background: url(images/area-small.png) no-repeat left center;
}
.content .featured-index ul.featured-right li ul li.toilet{
	padding-left: 20px;
	background: url(images/toilet-icon.png) no-repeat left center;
}
.content .featured-index ul.featured-right li ul li.bedroom{
	padding-left: 28px;
	background: url(images/bedroom-icon.png) no-repeat left center;
}

.content .recent-index{
	margin-top: 50px;
}
.content .recent-index h3.h3-title{
	float: left;
	margin-right: 20px;
}
.content .recent-index span.viewall{
	height: 30px; 
	line-height: 30px;
	display: block;
	float: left;
	background: #e74c3c;
	border-radius: 6px;
	padding: 0px 15px;
	border-radius: 15px;
}
.content .recent-index span.viewall a{
	color: #fff;
	font-family: SourceSansPro-Bold;
	font-size: 15px;
}

/*up.pro-list*/
ul.pro-list{
	margin-left: -30px;
}
ul.pro-list li{
	float: left;
	width: 270px;
	background: #fff;
	margin: 0px 0px 30px 30px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	position: relative;
}
ul.pro-list li img.pro-img{
	width: 270px;
	height: 130px;
	display: block;
}
ul.pro-list li .pro-list-title{
	padding: 0px 10px;
	margin: 10px 0px 5px 0px;
}
ul.pro-list li .pro-list-title a{
	font-size: 16px;
	font-family: OpenSans-Semibold;
	color: #333333;
	text-transform: uppercase;
}
ul.pro-list li .pro-list-title a:hover{
	color: #ea6060;
}
ul.pro-list li span.list-new{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 72px;
	height: 72px;
	font-size: 0px;
	text-indent: -999;
	z-index: 8;
	background: url(images/new-bg.png) no-repeat top left;
}
ul.pro-list li .list-img{
	position: relative;
}
ul.pro-list li .list-img a.view{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999;
	font-size: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.pro-list li .list-img:hover a.view{
	background: #000;
	opacity: .44;
	z-index: 7;
}
ul.pro-list li p.pro-list-desc{
	display: none;
}
ul.pro-list li .pro-list-add{
	padding: 0px 10px;
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
}
ul.pro-list li .pro-list-add a{
	color: #666666;
}
ul.pro-list li .pro-list-add a:hover{
	color: #EA6060;
}
ul.pro-list li .pro-list-info{
	background: #ecf0f1;
	padding: 0px 10px;
	height: 36px;
	line-height: 36px;
}
ul.pro-list li .pro-list-info span.pro-list-area{
	float: left;
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	background: url(images/area-small.png) no-repeat left center;
}
ul.pro-list li .pro-list-info ul{
	float: right;
	text-align: right;
	height: 36px;
	line-height: 36px;
}
ul.pro-list li .pro-list-info ul li{
	border: 0px;
	background: none;
	display: inline-block;
	width: auto;
	margin-left: 20px;
	box-shadow: none;
}
ul.pro-list li .pro-list-info ul li.pro-list-toilet{
	padding-left: 20px;
	background: url(images/toilet-icon.png) no-repeat left center;
}
ul.pro-list li .pro-list-info ul li.pro-list-bedroom{
	padding-left: 30px;
	background: url(images/bedroom-icon.png) no-repeat left center;
}
ul.pro-list li p.pro-list-price{
	display: none;
}
/*end grid-layout*/

/*list layout*/

.list-layout ul.pro-list{
	margin-left: 0px;
}
.list-layout ul.pro-list li{
	float: none;
	width: auto;
	padding: 15px;
	margin: 0px 0px 15px 0px;
	box-shadow: none;
}
.list-layout ul.pro-list li:last-child{
	border-bottom: 0px !important;
}
.list-layout ul.pro-list li .list-img{
	width: 270px;
	float: left;
	margin-right: 25px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.list-layout ul.pro-list li p.pro-list-desc{
	display: block;
	font-size: 13px;
	color: #666666;
	margin-bottom: 20px;
}
.list-layout ul.pro-list li ul li{
	margin: 0px 0px 0px 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.list-layout ul.pro-list li p.pro-list-price{
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	font-family: OpenSans-Semibold;
	font-size: 18px;
	color: #e74c3a;
}
.list-layout ul.pro-list li p.pro-list-price span{
	color: #293e51;
}
.list-layout ul.pro-list li .pro-list-info{
	float: right;
	background: none;
	font-family: OpenSans-Semibold;
	font-size: 16px;
}
.list-layout ul.pro-list li .pro-list-title{
	margin: 0px 0px 5px 0px;
}
.list-layout ul.pro-list li p.pro-list-title a{
	font-size: 22px;
	font-family: OpenSans-Bold;
	color: #2c3e50;
}
.list-layout ul.pro-list li p.pro-list-title a:hover{
	color: #EA6060;
}
/*end list-layout*/

/*end ul.pro-list*/


.grid-list a.grid{
	width: 37px;
	height: 32px;
	background: url(images/grid.png) no-repeat top left;
	display: block;
	font-size: 0px;
	text-indent: -999;
	margin: 0px;
	float: left;
	padding: 0px;
}
.grid-list a.grid-active{
	background: url(images/grid-active.png) no-repeat top left;
}
.grid-list a.list-active{
	background: url(images/list-active.png) no-repeat top left !important;
}
.grid-list a.list{
	width: 37px;
	height: 32px;
	background: url(images/list.png) no-repeat top left;
	font-size: 0px;
	text-indent: -999;
	display: block;
	margin: 0px;
	float: left;
	padding: 0px;
}
/*sidebar*/
.sidebar{
	width: 270px;
}
.left-sidebar{
	float: left;
}
.right-sidebar{
	float: right;
}
.sidebar-box{
	background: #fff;
	padding: 8px 0px 10px 0px;
	margin-bottom: 40px;
}
.sidebar h2.sidebar-title{
	height: 30px;
	line-height: 30px;
	background: #e74c3c;
	border-bottom: 2px solid #c0392b;
	padding-left: 10px;
	font-size: 22px;
	font-family: SourceSansPro-Semibold;
	color: #fff;
}
.sidebar .agents ul{
	padding-left: 10px;
}
.sidebar .agents ul li{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}
.sidebar .agents ul li:last-child{
	border-bottom: 0px;
}
.sidebar .agents ul li img{
	width: 69px;
	height: 69px;
	border-radius: 35px;
	float: left;
	margin-right: 15px;
}
.sidebar .agents ul.right-images li img{
	float: right;
}
.sidebar .agents ul li p.sidebar-p-title{
	margin-bottom: 5px;
}
.sidebar .agents ul li p.sidebar-p-title a{
	font-size: 16px;
	font-family: SourceSansPro-Semibold;
	color: #333333;
}
.sidebar .agents ul li p, .agents ul li p a{
	color: #666666;
	font-size: 13px; 
}
.sidebar .agents ul li p a:hover{
	color: #EA6060;
}

.sidebar .pro ul{
	padding-left: 10px;
}
.sidebar .pro ul li{
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
}
.sidebar .pro ul li .sidebar-li-hover{
	padding: 5px 0px 5px 5px;
}
.sidebar .pro ul li:hover .sidebar-li-hover{
	background: url(images/body-bg.png) top left;
}
.sidebar .pro ul li:last-child{
	border-bottom: 0px;
}
.sidebar .pro ul li img{
	width: 69px;
	height: 69px;
	float: left;
	margin-right: 15px;
}
.sidebar .pro ul.right-images li img{
	float: right;
}
.sidebar .pro ul.full-images li .sidebar-li-hover{
	padding: 5px;
}
.sidebar .pro ul.full-images{
	width: 90%;
	margin: 0px auto;
	padding: 0px;
}
.sidebar .pro ul.full-images li img{
	float: none;
	width: 100%;
	height: auto;
}
.sidebar .pro ul li p.sidebar-p-title{
	margin-bottom: 5px;
}
.sidebar .pro ul li p.sidebar-p-title a{
	font-size: 16px;
	font-family: SourceSansPro-Semibold;
	color: #333333;
}
.sidebar .pro ul li p.sidebar-p-title a:hover{
	color: #EA6060;
}
.sidebar .pro ul li p{
	color: #666666;
	font-size: 13px; 
}
.sidebar .pro ul li p.price{
	font-family: OpenSans-Semibold;
	font-size: 15px;
	color: #EA6060;
	margin-top: 5px;
}

/*home -bottom*/
.home-bottom{
	background: #fff;
	padding-top: 30px;
	border-bottom: 1px solid #d9d9d9;
}
.home-bottom ul li{
	display: inline-block;
	width: 33%;
	margin-bottom: 40px;
}
.home-bottom ul li img.theme-fea-img{
	float: left;
	width: 35px;
	height: 35px;
}
.home-bottom ul li h4.theme-fea-title{
	font-family: OpenSans-Semibold;
	font-size: 18px;
	color: #505050;
	height: 35px;
	line-height: 35px;
	padding-left: 45px;
	margin-bottom: 10px;
}
.home-bottom ul li p{
	padding-left: 45px;
	font-size: 14px;
	color: #666666;
}
.home-bottom ul li.web-design h4{
	background: url(images/web-design-icon.png) no-repeat left center;
}
.home-bottom ul li.graphic h4{
	background: url(images/graphic-icon.png) no-repeat left center;
}
.home-bottom ul li.motion h4{
	background: url(images/motion-icon.png) no-repeat left center;
}
.home-bottom ul li.photo h4{
	background: url(images/photo-icon.png) no-repeat left center;
}
.home-bottom ul li.phone-game h4{
	background: url(images/game-icon.png) no-repeat left center;
}
.home-bottom ul li.illus h4{
	background: url(images/paint-icon.png) no-repeat left center;
}


/*footer*/
#footer{
	background: #000;
	color: #fff;
	padding: 30px 0px 15px 0px;
}
#footer .row-left{
	margin-left: -30px;
}
#footer .row-left .footer-box{
	width: 270px;
	margin-left: 30px;
	float: left;
}
h3.footer-title{
	font-family: SourceSansPro-Semibold;
	font-size: 24px;
	color: #e3e3e3;
	margin-bottom: 20px;
}
#footer .footer-popular ul li{
	display: block;
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #2d2d2d;
}
#footer .footer-popular ul li:last-child{
	border-bottom: 0px;
}
#footer .footer-popular ul li img{
	width: 69px;
	height: 69px;
	float: left;
	border: 2px solid #fff;
	margin-right: 15px;
}
#footer .footer-popular ul li p{
	font-size: 13px;
	color: #bfbfbf;
	margin-bottom: 5px;
}
#footer .footer-popular ul li p.property-side-title a{
	font-family: OpenSans-Bold;
	font-size: 15px;
	color: #bfbfbf;
}
#footer .footer-popular ul li p.property-side-title a:hover{
	color: #e74c3c;
}
#footer .footer-popular ul li p.property-side-price{
	font-family: OpenSans-Semibold;
	font-size: 15px;
	color: #ff6666;
}
#footer .footer-twitter ul li{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #2d2d2d;
}
#footer .footer-twitter ul li:last-child{
	border-bottom: 0px;
}
#footer .footer-twitter ul li p.twitter-text{
	line-height: 180%;
	font-size: 13px;
	color: #9e9e9e;
	margin-bottom: 5px;
}
#footer .footer-twitter ul li p.twitter-time{
	font-size: 13px;
	color: #6094b4;
}
#footer .footer-twitter ul li p.twitter-time span{
	color: #fff;
}
#footer .footer-about p{
	font-size: 13px;
	color: #bfbfbf;
	margin-bottom: 15px;
}
#footer .footer-contact .map-contac-footer{
	border: 2px solid #fff;
	width: 266px;
	height: auto;
	margin-bottom: 10px;
}
#footer .footer-contact ul.f-contact li{
	color: #bfbfbf;
	font-size: 13px;
	padding-left: 25px;
	margin-bottom: 5px;
	line-height: 150%;
}
#footer .footer-contact ul.f-contact li a{
	color: #bfbfbf;
	font-size: 13px;
}
#footer .footer-contact ul.f-contact li a:hover{
	color: #ff6666;
}
#footer .footer-contact ul.f-contact li.f-add{
	background: url(images/home-icon.png) no-repeat left center;
}
#footer .footer-contact ul.f-contact li.f-phone{
	background: url(images/phone-white-icon.png) no-repeat left center;
}
#footer .footer-contact ul.f-contact li.f-email{
	background: url(images/email-white-icon.png) no-repeat left center;
}
ul.f-social{
	margin-top: 10px;
}
ul.f-social li{
	display: inline-block;
	margin-right: 10px;
}

.footer-bottom{
	background: #e74c3c;
	height: 68px;
	line-height: 68px;
}
.footer-bottom .copyright{
	width: 48%;
	float: left;
	text-align: left;
	height: 100%;
}
.footer-bottom .copyright p{
	height: 68px;
	line-height: 68px;
	color: #fff;
}
.footer-bottom .copyright p a{
	color: #fff;
}
.footer-bottom .copyright p a:hover{
	color: #d9d9d9;
}
.footer-bottom .footer-logo{
	width: 48%;
	float: right;
	text-align: right;
	height: 68px;
}
.footer-bottom .footer-logo img{
	margin-top: 19px;
}
.no-home-bg{
	background: url(images/cate-bg.png) top left;
	padding-bottom: 50px;
}
.cate-banner{
	position: relative;
	width: 100%;
	height: 125px;
	border-bottom: 5px solid #bdbdbd;
}
.cate-banner img{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 125px;
}
.cate-banner h1{
	font-size: 42px;
	font-family: SourceSansPro-Bold;
	color: #fff;
	padding-top: 20px;
}
.cate-banner .row{
	height: 125px;
}
.cate-banner p{
	color: #fff;
}
/*cate before*/
.cate-before{
	margin-bottom: 20px;
}
.sort-by{
	float: left;
	line-height: 32px;
	margin-right: 20px;
}
.sort-by label{
	font-size: 18px;
	color: #2c3e50;
	font-family: SourceSansPro-Bold;
}
.sort-by select{
	padding: 6px 5px;
}
.grid-list{
	float: right;
}
.p-navi{
	float: right;
	line-height: 32px;
}
.p-navi ul li{
	display: inline-block;
}
.p-navi ul li a, .p-navi ul li span{
	display: block;
	padding: 5px 10px;
}
.p-navi ul li a.next, .p-navi ul li a.prev{
	background: #fff;
	border-radius: 5px;
	border: 1px solid #cccccc;
}
.p-navi ul li.next a, .p-navi ul li.prev a{
	color: #999999;
}
.p-navi ul li a:hover{
	color: #EA6060;
}
.p-navi ul li a{
	font-size: 15px;
}
.p-navi ul li span.current{
	color: #c0392b;
	font-weight: bold;
}
.cate-after{
	margin-top: 20px;
}

/*search-sidebar*/
.search-sidebar h2.sidebar-title span{
	padding-left: 25px;
	background: #E74C3C url(images/search-icon-white.png) no-repeat left center
}
.search-sidebar form ul{
	padding: 10px 10px 0px 10px;
}
.search-sidebar form ul li{
	margin-bottom: 10px;
}
.search-sidebar form ul li.select-left{
	width: 48%;
	float: left;
}
.search-sidebar form ul li.select-right{
	width: 48%;
	float: right;
}
.search-sidebar form ul li label{
	display: block;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
}
.search-sidebar form ul li select{
	width: 100%;
	display: inline-block;
	font-size: 13px;
	padding: 8px 5px;
}
.search-sidebar form ul li input.submit{
	width: 100%;
	background: none repeat scroll 0 0 #E74C3C;
	border: 0px;
    border-bottom: 2px solid #C0392B;
    color: #FFFFFF;
    font-family: OpenSans-Bold;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    box-shadow: none;
    text-transform: uppercase;
}

/*single-slider*/
.property-slider{
	width: 640px;
	float: left;
}
.property-info{
	width: 227px;
	height: 329px;
	margin-left: 3px;
	float: left;
	padding: 15px 0px;
	margin-top: 12px;
	background: #fff;
	position: relative;
}
.property-info p{
	padding-left: 10px;
	color: #58585a;
}
.property-info p.property-status{
	font-size: 16px;
	margin-bottom: 5px;
}
.property-info p.property-price{
	font-family: OpenSans-Bold;
	font-size: 26px;
	color: #e74c3c;
	margin-bottom: 10px;
}
.property-info p.property-date{
	font-size: 13px;
}
.property-info .property-list{
	margin-top: 15px;
}
.property-info .property-list li{
	padding: 8px 0px 8px 40px;
	color: #2c3e50;
}
.property-info .property-list li label{
	width: 90px;
	margin-right: 10px;
	display: inline-block;
	color: #2c3e50;
}
.property-info .property-list li.property-area{
	background: url(images/area-small.png) no-repeat 10px 10px;
	border-bottom: 1px dotted #dedede;
}
.property-info .property-list li.property-bathroom{
	background: url(images/toilet-icon.png) no-repeat 10px 10px;
	border-bottom: 1px dotted #dedede;
}
.property-info .property-list li.property-bedroom{
	background: url(images/bedroom-icon.png) no-repeat 10px 10px;
}
.property-info .property-social{
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 0px;
	margin: 0px auto;
	display: block;
	width: 100%;
}
.property-info .property-social li{
	width: 26px;
	height: 26px;
	display: inline-block;
	margin: 0px 5px;
}
.property-info .property-social li a{
	font-size: 0px;
	text-indent: -999;
	display: block;
	width: 26px;
	height: 26px;
}
.property-info .property-social li.gplus a{
	background: url(images/gplus-black-icon.png) no-repeat left center;
}
.property-info .property-social li.facebook a{
	background: url(images/facebook-black-icon.png) no-repeat left center;
}
.property-info .property-social li.twitter a{
	background: url(images/twitter-black-icon.png) no-repeat left center;
}
.property-info .property-social li.pinterest a{
	background: url(images/pin-black-icon.png) no-repeat left center;
}
.play-video{
	width: 176px;
	height: 48px;
	position: absolute;
	bottom: -78px;
	left: 27px;
	background: url(images/play-video.png) no-repeat top left;
}
.play-video a{
	font-size: 0px;
	text-indent: -999;
	display: block;
	width: 100%;
	height: 100%;
}
.property-content{
	background: #fff;
	border: 1px solid #dbdbdb;
	margin-top: 20px;
	padding: 20px;
	line-height: 130%;
	font-size: 14px;
	color: #5d5d5d;
}
.property-content h2{
	font-size: 20.75px;
	font-family: OpenSans-Semibold;
	color: #333333;
	margin-bottom: 10px;
}
.property-content h2 span{
	color: #3e5266;
}
.property-content p{
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 130%;
	color: #5d5d5d;
}
.property-content .property-featured{
	width: 48%;
	float: left;
}
.property-content .property-map{
	width: 48%;
	float: right;
}
.property-content .property-map h3.property-featured-title, .property-content .property-featured h3.property-featured-title{
	font-size: 15.56px;
	color: #3e5266;
	font-family: OpenSans-Bold;
	margin-bottom: 5px;
}
.property-content .property-featured ul{
	padding-left: 10px;
}
.property-content .property-featured ul li{
	width: 48%;
	float: left;
	list-style: inside;
	line-height: 180%;
}
.single-box{
	margin-top: 30px;
}
h3.single-box-title{
	font-family: SourceSansPro-Bold;
	font-size: 26px;
	color: #3e5266;
	text-transform: uppercase;
	padding-left: 12px;
	border-left: 6px solid #e74c3c;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}
.contact-info ul{
	background: #fff;
	border: 1px solid #dbdbdb;
	padding: 20px;
}
.contact-info ul .form-left{
	width: 250px;
	float: left;
}
.contact-info ul .form-left li{
	margin-bottom: 10px;
}
.contact-info ul li span{
	font-family: SourceSansPro-Semibold;
	font-size: 13px;
	color: #3e5266;
}
.contact-info ul .form-left li input{
	width: 230px;
	padding: 8px 10px;
	margin-top: 5px;
	background: none;
	border: 1px solid #d6d4d4;
	border-radius: 4px;
}
.contact-info ul .form-right{
	width: 530px;
	float: right;
}
.contact-info ul .form-right textarea{
	margin-top: 5px;
	width: 508px;
	height: 150px;
	background: none;
	padding: 8px 10px;
	border: 1px solid #d6d4d4;
	border-radius: 4px;
}
.contact-info ul .form-right input.submit{
	height: 33px;
	line-height: 33px;
	background: #e74c3c;
	text-align: center;
	width: 530px;
	margin-top: 10px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #a33125;
	cursor: pointer;
	padding: 0px;
	font-size: 18px;
	font-family: OpenSans-Bold;
	color: #fff;
	text-transform: uppercase;
}
.list-layout ul.pro-list li p.pro-list-phone{
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	font-family: OpenSans-Semibold;
	font-size: 18px;
	color: #e74c3a;
	margin-right: 20px;
}
.list-layout ul.pro-list li p.pro-list-phone span{
	color: #293e51;
}
.list-layout ul.pro-list li p.pro-list-email{
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	font-family: OpenSans-Semibold;
	font-size: 18px;
	color: #e74c3a;
}
.list-layout ul.pro-list li p.pro-list-email span{
	color: #293e51;
}
p.blog-read{
	text-align: right;
}
p.blog-read a{
	font-family: OpenSans-Bold;
	font-size: 14px;
	color: #2c3e50;
}
p.blog-read a:hover{
	color: #EA6060;
}
.breadcrumbs, .breadcrumbs a{
	color: #fff;
	margin-right: 10px;
}
.breadcrumbs a:hover{
	color: #EA6060;
}
.breadcrumbs span.current{
	margin-left: 10px;
}
/*slider carsoure*/
.film_roll_prev, .film_roll_next{
	z-index: 999;
	width: 21px;
	height: 31px;
	display: block;
	position: absolute;
	bottom: 68px;
	font-size: 0px;
	text-indent: -999;
}
.film_roll_prev{
	background: url(images/prev.png) no-repeat top left;
	left: 30%;
}
.film_roll_next{
	background: url(images/next.png) no-repeat top left;
	right: 28%;
}
.film_roll_wrapper .film_roll_child{
	opacity: .3;
}
.film_roll_wrapper .film_roll_child .slider-desc{
	display: none;
}
.film_roll_wrapper .active{
	opacity: 1;
}
.film_roll_wrapper .active .slider-desc{
	display: block !important;
} 
ul.pro-list .film_roll_wrapper li{
	margin-bottom: 0px;
}
ul.pro-list .film_roll_wrapper li .slider-desc{
	position: absolute;
	bottom: -110px;
	left: -25%;
	text-align: center;
	width: 150%;
}
ul.pro-list .film_roll_wrapper li .slider-desc p.slider-desc-title{
	font-family: SourceSansPro-Bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #354a5d;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cfcfcf;
}

/*agents single*/
.agents-single{
	background: #fff;
	margin-bottom: 50px;
	padding: 20px;
}
.agents-single .agents-header{
	position: relative;
	height: 150px;
}
.agents-header img.agents-avatar{
	width: 150px;
	height: 150px;
	border-radius: 150px;
	border: 2px solid #eeeeee;
	float: left;
	margin-right: 20px;
}
.agents-single .agents-header h2{
	font-size: 22px;
	font-family: SourceSansPro-Bold;
	color: #ea6060;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 20px;
}
.agents-single .agents-header h2 span{
	font-family: OpenSans-Regular;
	font-size: 14px;
	color: #666666;
	display: block;
}
.agents-single ul.agents-info{
	margin-bottom: 10px;
}
.agents-single ul.agents-info li{
	display: inline-block;
	margin-right: 20px;
}
.agents-single ul.agents-info li span{
	color: #EA6060;
	font-family: SourceSansPro-Bold;
	font-size: 15px;
}
.agents-single ul.agents-social li{
	display: inline-block;
	margin-right: 10px;
}
.agents-single .entry-content{
	padding: 20px;
}

/*blog*/
.blog-2 li{
	position: relative;
}
.blog-2 li .list-img{
	width: 560px !important;
	height: 300px;
}
.blog-2 li .list-img img{
	width: 560px !important;
	height: 300px !important;
}
.blog-2 li.blog-left .list-img{
	float: right !important;
	margin-right: 0px !important;
	margin-left: 20px;
}
.blog-2 li p{
	padding: 0px !important;
}
.blog-2 li.blog-left{
	padding-left: 65px !important;
}
.blog-2 li.blog-right{
	padding-right: 65px !important;
}
.blog-2 li.blog-left span.post-format{
	position: absolute;
	top: 15px;
	left: 0px;
	width: 40px;
	height: 40px;
	display: block;
	font-size: 0px;
	text-indent: -999;
	background: url(images/icon-normal.png) no-repeat top left;
}
.blog-2 li.blog-left span.gallery{
	background: url(images/icon-gallery.png) no-repeat top left !important;	
}
.blog-2 li.blog-right span.post-format{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 40px;
	height: 40px;
	display: block;
	font-size: 0px;
	text-indent: -999;
	background: url(images/icon-normal.png) no-repeat top left;
}
.blog-2 li.blog-right span.gallery{
	background: url(images/icon-gallery.png) no-repeat top left !important;	
}
/*blog-full*/
.blog-full li{
	float: none;
}
.blog-full li img.pro-img{
	width: 840px !important;
	height: auto !important;
}
.blog-full li h3{
	margin: 10px 0px;
}
.blog-full li h3 a{
	color: #2C3E50;
    font-family: OpenSans-Bold;
    font-size: 22px;
    text-transform: uppercase;
}
.blog-full li h3 a:hover{
	color: #EA6060;
}
.blog-full .pro-list-add{
	padding: 0px !important;
}

/*single-blog*/
.single-blog{
	width: 870px;
	float: left;
	background: #fff;
	border: 1px solid #d9d9d9;
}
.blog-title{
	position: relative;
}
.blog-title h2{
	position: absolute;
	width: auto;
	left: 0px;
	bottom: 0px;
	background: #fff url(images/icon-normal.png) no-repeat top left;
	padding: 0px 30px 10px 60px;
	max-width: 80%;
	min-height: 40px;
	line-height: 40px;
	font-family: SourceSansPro-Bold;
	font-size: 20px;
	color: #e74c3c;
}
.blog-title h2.gallery{
	background: #fff url(images/icon-gallery.png) no-repeat top left !important;
}
.blog-title img{
	max-width: 100%;
	height: auto;
}
.blog-title span.post-format{
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 0px;
	left: 0px;
	display: block;
	z-index: 9;
	font-size: 0px;
	text-indent: -999;
}
.single-blog .entry-content{
	padding: 10px 60px 30px 60px;
}
.single-blog .entry-content p.pro-list-add, .single-blog .entry-content p.pro-list-add a{
	margin-bottom: 20px;
	color: #666666;
}

/*style entry*/
.entry-content p{
	margin-bottom: 15px;
}
.entry-content img{
	max-width: 100%;
	height: auto;
}
.entry-content .aligncenter{
	text-align: center;
	max-width: 100%;
	padding: 5px;
	margin-bottom: 15px;
}
.entry-content .wp-caption-text{
	margin-top: 10px;
	margin-bottom: 0px;
}
/*tags*/
.tags{
	margin-top: 20px
}
.tags span.tags-icon{
	font-family: SourceSansPro-Bold;
	float: left;
	margin-right: 20px;
	font-size: 15px;
}
.tags a{
	padding: 3px 13px;
	background: #1abc9c;
	border-radius: 5px;
	margin-right: 10px;
	color: #fff;
}
.tags a:hover{
	background: #16a085;
}
/*contact page template*/
.contact-map{
	width: 100%;
	height: 500px;
	border-bottom: 5px solid #a0a0a0;
}
.contact-desc{
	padding: 40px 50px;
	text-align: center;
	border-bottom: 1px solid #dbdbdb;
}
.contact-desc h1{
	font-size: 25px;
	color: #34495e;
	font-family: SourceSansPro-Semibold;
	margin-bottom: 10px;
}
.contact-desc p{
	color: #666666;
}
.contact-info{
	padding: 50px 0px;
}
.contact-form{
	width: 50%;
	float: left;
}
.contact-form p{
	line-height: 30px;
	margin-bottom: 10px;
}
.contact-form p span{
	color: #3e5266;
	font-family: OpenSans-Light;
}
.contact-form p input, .contact-form p textarea{
	width: 95%;
	border: 1px solid #d6d4d4;
	box-shadow: none;
	background: #fff;
	border-radius: 5px;
	padding: 8px 10px;
	font-family: OpenSans-Light;
	color: #3e5266;
}
.contact-form p textarea{
	height: 250px;
}
.contact-form p input.wpcf7-submit{
	width: 99%;
	text-align: center;
	padding: 3px 0px;
	cursor: pointer;
	background: #e74c3c;
	border: 0px;
	box-shadow: none;
	border-bottom: 2px solid #a33125;
	border-radius: 0px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-family: OpenSans-Bold;
}
.contact-add{
	width: 46%;
	float: right;
}
.contact-add h3{
	color: #e74c3c;
	font-size: 18px;
	font-family: OpenSans-Bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contact-add p{
	font-family: OpenSans-Italic;
	color: #666666;
}
.contact-add ul{
	background: none;
	border: 0px;
	padding: 0px;
	margin-top: 20px;
}
.contact-add ul li{
	color: #666666;
	line-height: 20px;
	margin-bottom: 10px;
}
.contact-add ul li span{
	font-family: SourceSansPro-Semibold;
	color: #000000;
}
/*404 page*/
.page-404{
	text-align: center;
}
.page-404 h1{
	font-family: OpenSans-Bold;
	color: #34495e;
	font-size: 48px;
	margin-bottom: 10px;
}
.page-404 p{
	margin-bottom: 20px;
	padding: 0px 100px;
	color: #666666;
	line-height: 25px;
}
.page-404 p a.backtohome{
	padding: 7px 30px;
	background: #e74c3c;
	border-bottom: 2px solid #a33125;
	color: #fff;
	text-transform: uppercase;
	font-family: OpenSans-Bold;
}
.error-search{
	padding-top: 80px;
}
.error-search .search-header{
	position: relative;
}

/*single-page*/
.single-page{
	width: 810px;
	float: left;
	padding: 30px;
	background: #fff;
}

/*register and login page*/
.f-login{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dbdbdb;
}
.f-login .f-left, .f-register .f-left{
	width: 45%;
	float: left;
}
.f-login .f-left h3{
	font-family: OpenSans-Semibold;
	font-size: 34px;
	color: #34495e;
	height: 60px;
	line-height: 60px;
}
.f-login .f-right, .f-register .f-right{
	width: 50%;
	float: right;
}
.f-login .f-right p{
	color: #34495e;
	margin-bottom: 5px;
}
.f-login .f-right ul{
	margin-bottom: 10px;
}
.f-login .f-right ul li{
	display: inline-block;
}
.f-login .f-right ul li input{
	width: 200px;
	padding: 8px 10px;
	box-shadow: none;
	border: 1px solid #bdc3c7;
	border-radius: 5px;
}
.f-login .f-right ul li{
	line-height: 23px;
}
.f-login .f-right ul.f-right-bottom li{
	width: 222px;
}
.f-login .f-right ul.f-right-bottom li.forgot-pass{
	text-align: right;
}
.f-login .f-right ul li input.username{
	background: transparent url(images/user-icon-hover.png) no-repeat 200px 8px;
}
.f-login .f-right ul li input.username:hover, .f-login .f-right ul li input.username:focus{
	background: transparent url(images/user-icon.png) no-repeat 200px 8px;	
}
.f-login .f-right ul li input.password{
	background: transparent url(images/pass-icon.png) no-repeat 200px 8px;
}
.f-login .f-right ul li input.password:hover, .f-login .f-right ul li input.password:focus{
	background: transparent url(images/pass-icon-hover.png) no-repeat 200px 8px;	
}
.f-login .f-right ul li input.remember-pass{
	width: 20px;
	height: 20px;
	float: left;
}
.f-login .f-right ul li a{
	color: #e74c3c;
	text-decoration: underline;
}
.f-login .f-right ul li.f-submit input{
	width: 110px;
	background: #000;
	border: 0px;
	box-shadow: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.f-register .f-left h4{
	font-size: 20px;
	color: #34495e;
	margin-bottom: 30px;
}
.f-register .f-left h4 span{
	font-family: OpenSans-Bold;
}
.f-register .f-left ul li{
	width: 44%;
	float: left;
	margin-right: 2%;
	text-align: left;
	margin-bottom: 15px;
	padding-left: 3%;
	color: #666666;
	background: url(images/arrow_list.png) no-repeat left center;
}
.f-register .f-right h4{
	font-family: OpenSans-Bold;
	color: #e74c3c;
	font-size: 20px;
	margin-bottom: 5px;
}
.f-register .f-right p{
	color: #34495e;
	margin-bottom: 30px;
}
.f-register .f-right ul li{
	display: inline-block;
	margin-bottom: 10px;
}
.f-register .f-right ul li input{
	width: 200px;
	padding: 8px 10px;
	background: transparent;
	border: 1px solid #bdc3c7;
	border-radius: 5px;
	box-shadow: none;
}
.f-register .f-right ul.f-right-bottom li{
	width: 100%;
	float: none;
	line-height: 20px;
}
.f-register .f-right ul.f-right-bottom li input{
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: left;
	margin: 0px 5px 0px 0px;
}
.f-register .f-right ul.f-right-bottom li a{
	color: #e74c3c;
	text-decoration: underline;
}
.f-register .f-right p.f-submit{
	width: 450px;
	text-align: left;
	margin-bottom: 0px;
	overflow: hidden;
}
.f-register .f-right p.f-submit input{
	float: right;
	padding: 5px 20px;
	color: #fff;
	font-size: 17px;
	font-family: OpenSans-Bold;
	text-transform: uppercase;
	background: #e74c3c;
	border: 0px;
	box-shadow: none;
	border-radius: 5px;
	cursor: pointer;
}
/*reset password*/
.reset-pass{
	line-height: 60px;
}
.reset-pass h3{
	font-size: 34px;
	color: #34495e;
	float: left;
	height: 60px;
	line-height: 55px;
	margin-right: 80px;
	font-family: OpenSans-Bold;
}
.reset-pass ul{
	float: left;
}
.reset-pass ul li{
	display: inline-block;
}
.reset-pass ul li input{
	padding: 5px 10px;
	height: 25px;
	line-height: 25px;
	background: transparent;
	border: 1px solid #bdc3c7;
	border-radius: 5px;
	box-shadow: none;
	width: 350px;
}
.reset-pass ul li input.f-reset{
	width: auto;
	height: 25px;
	cursor: pointer;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	height: 37px;
	font-family: OpenSans-Bold;
}